<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="maqettadocs.css" />
<title>BorderContainer Tutorial</title>
</head>
<body class="maqettadocs">

<div id="pagebody">

<table class="breadcrumbs noprint"><tr>
	<td> &nbsp; </td>
    <td class="prevnext">
	<a href="tutorials/BCSplitters.html">Previous</a> / <a href="tutorials/BCBackground.html">Next</a>
    </td></tr>
</table>

<h1>BorderContainer Panes</h1>

<p>BorderContainer panes are constructed using nested <b>ContentPane</b> widgets:</p>
<ul>
<li>The top and bottom panes are specified with a height only.</li>
<li>The left and right panes are specified with a width only.</li>
<li>The center pane should have no specified dimension.</li>
</ul>
<p>By default, BorderContainer panes can be resized by the user. 
You can create fixed panes by <a href="tutorials/BCSplitters.html">turning off the splitters</a>.</p>


<h3>How to set the size of BorderContainer panes</h3>
<p>There are two ways to set the size of BorderContainer panes:</p>
<ul>
<li>With the BorderContainer widget selected, drag the pane borders with your mouse to their desired locations.</li>
<li>With a single pane selected, set the height or width in the Layout section of the Properties palette.</li>
</ul>
<p><i>Note: When a pane's splitter is turned off, you cannot resize the pane by dragging on its border.</i></p>



<p class="prevnext"><a href="tutorials/BCSplitters.html">Previous</a> / <a href="tutorials/BCBackground.html">Next</a></p>

</div> <!-- pagebody -->

</body>
</html>